{% extends 'staffhours/base.html' %}
{% load static %}
{% block title %}生产管理系统{% endblock %}

{% block content %}
    <!-- ============================================================== -->
    <!-- Page wrapper  -->
    <!-- ============================================================== -->
    <div class = "page-wrapper">
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class = "container-fluid">
            <!-- ============================================================== -->
            <!-- Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <div class = "row page-titles">
                <div class = "col-md-6 col-8 align-self-center">
                    <h3 class = "text-themecolor m-b-0 m-t-0">工时</h3>
                    <ol class = "breadcrumb">
                        <li class = "breadcrumb-item"><a href = "{% url 'index' %}">主页</a></li>
                        <li class = "breadcrumb-item active">工时</li>
                    </ol>
                </div>
                <div class = "col-md-6 col-4 align-self-center">
                    <a href = "#" class = "btn pull-right hidden-sm-down btn-success">Download Here</a>
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- End Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- Start Page Content -->
            <!-- ============================================================== -->
            <!-- Row -->
            <div class = "row">
                <div class = "col-sm-12">
                    <div class = "card">
                        <div class = "card-block">
                            <select class = "custom-select pull-right">
                                <option selected>January</option>
                                <option value = "1">February</option>
                                <option value = "2">March</option>
                                <option value = "3">April</option>
                            </select>
                            <h4 class = "card-title">￥￥￥占位符￥￥￥</h4>
                            <!-- ============================================================== -->
                            <div class = "table-responsive m-t-40">
                                <table class = "table stylish-table">
                                    <thead>
                                    <tr>
                                        <th colspan = "2">姓名</th>
                                        <th>工序</th>
                                        <th>工时</th>
                                        <th>日期</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td style = "width:50px;"><span class = "round">S</span></td>
                                        <td>
                                            <h6>Sunil Joshi</h6><small class = "text-muted">Web Designer</small>
                                        </td>
                                        <td>Elite Admin</td>
                                        <td>$3.9K</td>
                                    </tr>
                                    <tr class = "active">
                                        <td><span class = "round"><img
                                                src = "{% static 'assets/images/users/2.jpg' %}" alt = "user"
                                                width = "50"/></span></td>
                                        <td>
                                            <h6>Andrew</h6><small class = "text-muted">Project Manager</small></td>
                                        <td>Real Homes</td>
                                        <td>$23.9K</td>
                                    </tr>
                                    <tr>
                                        <td><span class = "round round-success">B</span></td>
                                        <td>
                                            <h6>Bhavesh patel</h6><small class = "text-muted">Developer</small></td>
                                        <td>MedicalPro Theme</td>
                                        <td>$12.9K</td>
                                    </tr>
                                    <tr>
                                        <td><span class = "round round-primary">N</span></td>
                                        <td>
                                            <h6>Nirav Joshi</h6><small class = "text-muted">Frontend Eng</small>
                                        </td>
                                        <td>Elite Admin</td>
                                        <td>$10.9K</td>
                                    </tr>
                                    <tr>
                                        <td><span class = "round round-warning">M</span></td>
                                        <td>
                                            <h6>Micheal Doe</h6><small class = "text-muted">Content Writer</small>
                                        </td>
                                        <td>Helping Hands</td>
                                        <td>$12.9K</td>
                                    </tr>
                                    <tr>
                                        <td><span class = "round round-danger">N</span></td>
                                        <td>
                                            <h6>Johnathan</h6><small class = "text-muted">Graphic</small></td>
                                        <td>Digital Agency</td>
                                        <td>$2.6K</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>

                            <!-- ============================================================== -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- Row -->
            <!-- ============================================================== -->
            <!-- End PAge Content -->
            <!-- ============================================================== -->
        </div>
        <!-- ============================================================== -->
        <!-- End Container fluid  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- footer -->
        <!-- ============================================================== -->
        <footer class = "footer text-center">
            © 2021 永锋复印机配件（深圳）有限公司 - Collect from <a href = "" title = "永锋" target = "_blank">永锋官网</a>
        </footer>
        <!-- ============================================================== -->
        <!-- End footer -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Page wrapper  -->
    <!-- ============================================================== -->

{% endblock %}